.categoryBox{
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px);
  overflow: hidden;
  .category{
    flex-grow: 1;
    display: flex;
    overflow: hidden;
    .categoryLeft{
      height: 100%;
      width: 100px;
      flex-shrink: 0;
      overflow-y: scroll;
      .leftItem{
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
      }
    }
    .categoryRight{
      height: 100%;
      flex-grow: 1;
      overflow-y: scroll;
      .rightTitle{
        text-align: center;
        font-size: 20px;
        font-weight: 600;
      }
      .rightBox{
        display: flex;
        flex-wrap: wrap;
        .rightItem{
          display: flex;
          flex-direction: column;
          width: 33%;
          align-items: center;
          padding: 5px 0;
        }
      }
    }
  }
}
